<template>
	<view>
		<view class="lottery-bottom flex-row" style="font-size:26upx">
    <view class="flex-grow-1 flex-y-center">
        <navigator hoverClass="none" openType="redirect" style="width:100%;border-right:1upx solid #e2e2e2" url="/lottery/index/index">
            <view class="flex-row flex-y-center flex-x-center">
                <view class="flex-grow-0 flex-y-center">
                    <image :src="data.naver=='index'?'../../static/lottery/lottery-hc-t.png':'../../static/lottery/lottery-hc-f.png'"></image>
                </view>
                <view class="flex-grow-0" :class="[data.naver=='index'?'bottom-color':'']">抽奖会场</view>
            </view>
        </navigator>
    </view>
    <view class="flex-grow-1 flex-y-center flex-x-center">
        <navigator hoverClass="none" openType="redirect" style="width:100%;" url="/lottery/prize/prize">
            <view class="flex-row flex-y-center flex-x-center">
                <view class="flex-grow-0 flex-y-center">
                    <image :src="data.naver=='prize'?'../../static/lottery/lottery-jl-t.png':'../../static/lottery/lottery-jl-f.png'"></image>
                </view>
                <view class="flex-grow-0 " :class="[data.naver=='prize'?'bottom-color':'']">抽奖记录</view>
            </view>
        </navigator>
    </view>
</view>

	</view>
</template>

<script>
	export default {
		props:['data'],
	}
</script>

<style scoped>
.lottery-bottom {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 96upx;
    background-color: #fff;
    border-top: 1upx solid #e2e2e2;
    color: #999;
    z-index: 100;
}

.lottery-bottom image {
    width: 34upx;
    height: 34upx;
    margin-right: 16upx;
}

.bottom-color {
    color: #ff4544;
}

.navbar+.body {
    padding-bottom: 115upx;
}

.navbar+.body .lottery-bottom {
    bottom: 115upx;
}
</style>
